<template>
	<view class="bruce" id="conent">
		<ul class="bubble-bgwall">
			<li class="bubble">Vue</li>
			<li class="bubble">Vue</li>
			<li class="bubble">Vue</li>
			<li class="bubble">Vue</li>
			<li class="bubble">Vue</li>
			<li class="bubble">Vue</li>
			<li class="bubble">Vue</li>
			<li class="bubble">Vue</li>
			<li class="bubble">Vue</li>
			<li class="bubble">Vue</li>
		</ul>
		<view class="toptitle" @click="home">
			智能农业监控系统
		</view>
		<view class="showcontent">
			<view class="introduction">
				<scroll-view id="scrollview" scroll-y>
					<h2>智能农业监控系统 - 联系我们</h2>

					<p><span>感谢您对基于物联网的智能农业监控系统的关注。如果您有任何关于该系统的疑问、建议或合作意向，欢迎与我们联系。</span></p>

					<h3>联系邮箱：</h3>
					<p><span><a href="mailto:luohai084.163.com">luohai084.163.com</a></span></p>


					<h3>联系电话：</h3>
					<p><span>+86-123-4567-8910</span></p>

					<h3>公司地址：</h3>
					<p><span>XXXXXXX_XXXXXXXX_XXXXXXXX_XXXXXXX</span></p>

					<h3>联系方式：</h3>
					<p><span>扫描下方二维码，添加我们的微信客服，实时为您解答问题。</span></p>
					<svg width="300" height="300" viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg"
						xmlns:xlink="http://www.w3.org/1999/xlink">
						<rect width="300" height="300" fill="#ffffff" />
						<defs>
							<rect id="p" width="12" height="12" />
						</defs>
						<g>
							<use x="24" y="24" xlink:href="#p" fill="#000000" />
							<use x="36" y="24" xlink:href="#p" fill="#000000" />
							<use x="48" y="24" xlink:href="#p" fill="#000000" />
							<use x="60" y="24" xlink:href="#p" fill="#000000" />
							<use x="72" y="24" xlink:href="#p" fill="#000000" />
							<use x="84" y="24" xlink:href="#p" fill="#000000" />
							<use x="96" y="24" xlink:href="#p" fill="#000000" />
							<use x="120" y="24" xlink:href="#p" fill="#000000" />
							<use x="132" y="24" xlink:href="#p" fill="#000000" />
							<use x="144" y="24" xlink:href="#p" fill="#000000" />
							<use x="156" y="24" xlink:href="#p" fill="#000000" />
							<use x="168" y="24" xlink:href="#p" fill="#000000" />
							<use x="192" y="24" xlink:href="#p" fill="#000000" />
							<use x="204" y="24" xlink:href="#p" fill="#000000" />
							<use x="216" y="24" xlink:href="#p" fill="#000000" />
							<use x="228" y="24" xlink:href="#p" fill="#000000" />
							<use x="240" y="24" xlink:href="#p" fill="#000000" />
							<use x="252" y="24" xlink:href="#p" fill="#000000" />
							<use x="264" y="24" xlink:href="#p" fill="#000000" />
							<use x="24" y="36" xlink:href="#p" fill="#000000" />
							<use x="96" y="36" xlink:href="#p" fill="#000000" />
							<use x="132" y="36" xlink:href="#p" fill="#000000" />
							<use x="156" y="36" xlink:href="#p" fill="#000000" />
							<use x="192" y="36" xlink:href="#p" fill="#000000" />
							<use x="264" y="36" xlink:href="#p" fill="#000000" />
							<use x="24" y="48" xlink:href="#p" fill="#000000" />
							<use x="48" y="48" xlink:href="#p" fill="#000000" />
							<use x="60" y="48" xlink:href="#p" fill="#000000" />
							<use x="72" y="48" xlink:href="#p" fill="#000000" />
							<use x="96" y="48" xlink:href="#p" fill="#000000" />
							<use x="168" y="48" xlink:href="#p" fill="#000000" />
							<use x="192" y="48" xlink:href="#p" fill="#000000" />
							<use x="216" y="48" xlink:href="#p" fill="#000000" />
							<use x="228" y="48" xlink:href="#p" fill="#000000" />
							<use x="240" y="48" xlink:href="#p" fill="#000000" />
							<use x="264" y="48" xlink:href="#p" fill="#000000" />
							<use x="24" y="60" xlink:href="#p" fill="#000000" />
							<use x="48" y="60" xlink:href="#p" fill="#000000" />
							<use x="60" y="60" xlink:href="#p" fill="#000000" />
							<use x="72" y="60" xlink:href="#p" fill="#000000" />
							<use x="96" y="60" xlink:href="#p" fill="#000000" />
							<use x="120" y="60" xlink:href="#p" fill="#000000" />
							<use x="132" y="60" xlink:href="#p" fill="#000000" />
							<use x="192" y="60" xlink:href="#p" fill="#000000" />
							<use x="216" y="60" xlink:href="#p" fill="#000000" />
							<use x="228" y="60" xlink:href="#p" fill="#000000" />
							<use x="240" y="60" xlink:href="#p" fill="#000000" />
							<use x="264" y="60" xlink:href="#p" fill="#000000" />
							<use x="24" y="72" xlink:href="#p" fill="#000000" />
							<use x="48" y="72" xlink:href="#p" fill="#000000" />
							<use x="60" y="72" xlink:href="#p" fill="#000000" />
							<use x="72" y="72" xlink:href="#p" fill="#000000" />
							<use x="96" y="72" xlink:href="#p" fill="#000000" />
							<use x="132" y="72" xlink:href="#p" fill="#000000" />
							<use x="144" y="72" xlink:href="#p" fill="#000000" />
							<use x="156" y="72" xlink:href="#p" fill="#000000" />
							<use x="192" y="72" xlink:href="#p" fill="#000000" />
							<use x="216" y="72" xlink:href="#p" fill="#000000" />
							<use x="228" y="72" xlink:href="#p" fill="#000000" />
							<use x="240" y="72" xlink:href="#p" fill="#000000" />
							<use x="264" y="72" xlink:href="#p" fill="#000000" />
							<use x="24" y="84" xlink:href="#p" fill="#000000" />
							<use x="96" y="84" xlink:href="#p" fill="#000000" />
							<use x="156" y="84" xlink:href="#p" fill="#000000" />
							<use x="192" y="84" xlink:href="#p" fill="#000000" />
							<use x="264" y="84" xlink:href="#p" fill="#000000" />
							<use x="24" y="96" xlink:href="#p" fill="#000000" />
							<use x="36" y="96" xlink:href="#p" fill="#000000" />
							<use x="48" y="96" xlink:href="#p" fill="#000000" />
							<use x="60" y="96" xlink:href="#p" fill="#000000" />
							<use x="72" y="96" xlink:href="#p" fill="#000000" />
							<use x="84" y="96" xlink:href="#p" fill="#000000" />
							<use x="96" y="96" xlink:href="#p" fill="#000000" />
							<use x="120" y="96" xlink:href="#p" fill="#000000" />
							<use x="144" y="96" xlink:href="#p" fill="#000000" />
							<use x="168" y="96" xlink:href="#p" fill="#000000" />
							<use x="192" y="96" xlink:href="#p" fill="#000000" />
							<use x="204" y="96" xlink:href="#p" fill="#000000" />
							<use x="216" y="96" xlink:href="#p" fill="#000000" />
							<use x="228" y="96" xlink:href="#p" fill="#000000" />
							<use x="240" y="96" xlink:href="#p" fill="#000000" />
							<use x="252" y="96" xlink:href="#p" fill="#000000" />
							<use x="264" y="96" xlink:href="#p" fill="#000000" />
							<use x="168" y="108" xlink:href="#p" fill="#000000" />
							<use x="48" y="120" xlink:href="#p" fill="#000000" />
							<use x="72" y="120" xlink:href="#p" fill="#000000" />
							<use x="84" y="120" xlink:href="#p" fill="#000000" />
							<use x="96" y="120" xlink:href="#p" fill="#000000" />
							<use x="120" y="120" xlink:href="#p" fill="#000000" />
							<use x="144" y="120" xlink:href="#p" fill="#000000" />
							<use x="156" y="120" xlink:href="#p" fill="#000000" />
							<use x="180" y="120" xlink:href="#p" fill="#000000" />
							<use x="228" y="120" xlink:href="#p" fill="#000000" />
							<use x="264" y="120" xlink:href="#p" fill="#000000" />
							<use x="36" y="132" xlink:href="#p" fill="#000000" />
							<use x="168" y="132" xlink:href="#p" fill="#000000" />
							<use x="192" y="132" xlink:href="#p" fill="#000000" />
							<use x="204" y="132" xlink:href="#p" fill="#000000" />
							<use x="240" y="132" xlink:href="#p" fill="#000000" />
							<use x="252" y="132" xlink:href="#p" fill="#000000" />
							<use x="264" y="132" xlink:href="#p" fill="#000000" />
							<use x="36" y="144" xlink:href="#p" fill="#000000" />
							<use x="48" y="144" xlink:href="#p" fill="#000000" />
							<use x="60" y="144" xlink:href="#p" fill="#000000" />
							<use x="72" y="144" xlink:href="#p" fill="#000000" />
							<use x="84" y="144" xlink:href="#p" fill="#000000" />
							<use x="96" y="144" xlink:href="#p" fill="#000000" />
							<use x="120" y="144" xlink:href="#p" fill="#000000" />
							<use x="216" y="144" xlink:href="#p" fill="#000000" />
							<use x="228" y="144" xlink:href="#p" fill="#000000" />
							<use x="252" y="144" xlink:href="#p" fill="#000000" />
							<use x="264" y="144" xlink:href="#p" fill="#000000" />
							<use x="24" y="156" xlink:href="#p" fill="#000000" />
							<use x="36" y="156" xlink:href="#p" fill="#000000" />
							<use x="48" y="156" xlink:href="#p" fill="#000000" />
							<use x="84" y="156" xlink:href="#p" fill="#000000" />
							<use x="108" y="156" xlink:href="#p" fill="#000000" />
							<use x="156" y="156" xlink:href="#p" fill="#000000" />
							<use x="192" y="156" xlink:href="#p" fill="#000000" />
							<use x="216" y="156" xlink:href="#p" fill="#000000" />
							<use x="252" y="156" xlink:href="#p" fill="#000000" />
							<use x="24" y="168" xlink:href="#p" fill="#000000" />
							<use x="48" y="168" xlink:href="#p" fill="#000000" />
							<use x="60" y="168" xlink:href="#p" fill="#000000" />
							<use x="72" y="168" xlink:href="#p" fill="#000000" />
							<use x="84" y="168" xlink:href="#p" fill="#000000" />
							<use x="96" y="168" xlink:href="#p" fill="#000000" />
							<use x="108" y="168" xlink:href="#p" fill="#000000" />
							<use x="144" y="168" xlink:href="#p" fill="#000000" />
							<use x="156" y="168" xlink:href="#p" fill="#000000" />
							<use x="168" y="168" xlink:href="#p" fill="#000000" />
							<use x="180" y="168" xlink:href="#p" fill="#000000" />
							<use x="204" y="168" xlink:href="#p" fill="#000000" />
							<use x="216" y="168" xlink:href="#p" fill="#000000" />
							<use x="252" y="168" xlink:href="#p" fill="#000000" />
							<use x="120" y="180" xlink:href="#p" fill="#000000" />
							<use x="144" y="180" xlink:href="#p" fill="#000000" />
							<use x="156" y="180" xlink:href="#p" fill="#000000" />
							<use x="168" y="180" xlink:href="#p" fill="#000000" />
							<use x="192" y="180" xlink:href="#p" fill="#000000" />
							<use x="204" y="180" xlink:href="#p" fill="#000000" />
							<use x="216" y="180" xlink:href="#p" fill="#000000" />
							<use x="228" y="180" xlink:href="#p" fill="#000000" />
							<use x="240" y="180" xlink:href="#p" fill="#000000" />
							<use x="252" y="180" xlink:href="#p" fill="#000000" />
							<use x="264" y="180" xlink:href="#p" fill="#000000" />
							<use x="24" y="192" xlink:href="#p" fill="#000000" />
							<use x="36" y="192" xlink:href="#p" fill="#000000" />
							<use x="48" y="192" xlink:href="#p" fill="#000000" />
							<use x="60" y="192" xlink:href="#p" fill="#000000" />
							<use x="72" y="192" xlink:href="#p" fill="#000000" />
							<use x="84" y="192" xlink:href="#p" fill="#000000" />
							<use x="96" y="192" xlink:href="#p" fill="#000000" />
							<use x="144" y="192" xlink:href="#p" fill="#000000" />
							<use x="156" y="192" xlink:href="#p" fill="#000000" />
							<use x="180" y="192" xlink:href="#p" fill="#000000" />
							<use x="204" y="192" xlink:href="#p" fill="#000000" />
							<use x="216" y="192" xlink:href="#p" fill="#000000" />
							<use x="240" y="192" xlink:href="#p" fill="#000000" />
							<use x="252" y="192" xlink:href="#p" fill="#000000" />
							<use x="264" y="192" xlink:href="#p" fill="#000000" />
							<use x="24" y="204" xlink:href="#p" fill="#000000" />
							<use x="96" y="204" xlink:href="#p" fill="#000000" />
							<use x="120" y="204" xlink:href="#p" fill="#000000" />
							<use x="144" y="204" xlink:href="#p" fill="#000000" />
							<use x="168" y="204" xlink:href="#p" fill="#000000" />
							<use x="180" y="204" xlink:href="#p" fill="#000000" />
							<use x="192" y="204" xlink:href="#p" fill="#000000" />
							<use x="204" y="204" xlink:href="#p" fill="#000000" />
							<use x="216" y="204" xlink:href="#p" fill="#000000" />
							<use x="264" y="204" xlink:href="#p" fill="#000000" />
							<use x="24" y="216" xlink:href="#p" fill="#000000" />
							<use x="48" y="216" xlink:href="#p" fill="#000000" />
							<use x="60" y="216" xlink:href="#p" fill="#000000" />
							<use x="72" y="216" xlink:href="#p" fill="#000000" />
							<use x="96" y="216" xlink:href="#p" fill="#000000" />
							<use x="120" y="216" xlink:href="#p" fill="#000000" />
							<use x="144" y="216" xlink:href="#p" fill="#000000" />
							<use x="180" y="216" xlink:href="#p" fill="#000000" />
							<use x="204" y="216" xlink:href="#p" fill="#000000" />
							<use x="252" y="216" xlink:href="#p" fill="#000000" />
							<use x="264" y="216" xlink:href="#p" fill="#000000" />
							<use x="24" y="228" xlink:href="#p" fill="#000000" />
							<use x="48" y="228" xlink:href="#p" fill="#000000" />
							<use x="60" y="228" xlink:href="#p" fill="#000000" />
							<use x="72" y="228" xlink:href="#p" fill="#000000" />
							<use x="96" y="228" xlink:href="#p" fill="#000000" />
							<use x="132" y="228" xlink:href="#p" fill="#000000" />
							<use x="144" y="228" xlink:href="#p" fill="#000000" />
							<use x="180" y="228" xlink:href="#p" fill="#000000" />
							<use x="192" y="228" xlink:href="#p" fill="#000000" />
							<use x="204" y="228" xlink:href="#p" fill="#000000" />
							<use x="216" y="228" xlink:href="#p" fill="#000000" />
							<use x="228" y="228" xlink:href="#p" fill="#000000" />
							<use x="240" y="228" xlink:href="#p" fill="#000000" />
							<use x="252" y="228" xlink:href="#p" fill="#000000" />
							<use x="24" y="240" xlink:href="#p" fill="#000000" />
							<use x="48" y="240" xlink:href="#p" fill="#000000" />
							<use x="60" y="240" xlink:href="#p" fill="#000000" />
							<use x="72" y="240" xlink:href="#p" fill="#000000" />
							<use x="96" y="240" xlink:href="#p" fill="#000000" />
							<use x="120" y="240" xlink:href="#p" fill="#000000" />
							<use x="144" y="240" xlink:href="#p" fill="#000000" />
							<use x="204" y="240" xlink:href="#p" fill="#000000" />
							<use x="216" y="240" xlink:href="#p" fill="#000000" />
							<use x="228" y="240" xlink:href="#p" fill="#000000" />
							<use x="240" y="240" xlink:href="#p" fill="#000000" />
							<use x="264" y="240" xlink:href="#p" fill="#000000" />
							<use x="24" y="252" xlink:href="#p" fill="#000000" />
							<use x="96" y="252" xlink:href="#p" fill="#000000" />
							<use x="156" y="252" xlink:href="#p" fill="#000000" />
							<use x="168" y="252" xlink:href="#p" fill="#000000" />
							<use x="180" y="252" xlink:href="#p" fill="#000000" />
							<use x="204" y="252" xlink:href="#p" fill="#000000" />
							<use x="252" y="252" xlink:href="#p" fill="#000000" />
							<use x="24" y="264" xlink:href="#p" fill="#000000" />
							<use x="36" y="264" xlink:href="#p" fill="#000000" />
							<use x="48" y="264" xlink:href="#p" fill="#000000" />
							<use x="60" y="264" xlink:href="#p" fill="#000000" />
							<use x="72" y="264" xlink:href="#p" fill="#000000" />
							<use x="84" y="264" xlink:href="#p" fill="#000000" />
							<use x="96" y="264" xlink:href="#p" fill="#000000" />
							<use x="156" y="264" xlink:href="#p" fill="#000000" />
							<use x="180" y="264" xlink:href="#p" fill="#000000" />
							<use x="204" y="264" xlink:href="#p" fill="#000000" />
							<use x="216" y="264" xlink:href="#p" fill="#000000" />
							<use x="252" y="264" xlink:href="#p" fill="#000000" />
							<use x="264" y="264" xlink:href="#p" fill="#000000" />
						</g>
					</svg>

					<h3>官方网站：</h3>
					<p><span>luohai.rovn.ink</span></p>

					<p><span>访问我们的官方网站，您可以了解更多关于智能农业监控系统的详细信息，包括系统介绍、使用教程、技术文档等。</span></p>

					<h3>微信小程序：</h3>

					<p><span>请搜索并关注“智能农业监控”小程序，随时随地查看农作物生存环境数据，享受便捷的智能农业服务。</span></p>

					<p><span>我们期待与您携手共创智慧农业新未来，共创美好明天！</span></p>
					<pre class="bottom"><p><span>Copyright &copy;2024 | 广西机电职业技术学院物联网2202班</span></p>
					<p><span>小组：XXXXXXXXXXXXX</span></p></pre>

				</scroll-view>
			</view>
		</view>
		<view class="righttop">
			<span @click="LoginRegister">登录</span> /<span @click="LoginRegister">注册</span>
		</view>
		<view class="winfroted-glass">
			<ul class="nav1">
				<li class="title1" @click="home">系统简介</li>
				<li class="title1" @click="LoginRegister">进入系统</li>
				<li class="title1" @click="relatedTechnologies">相关技术</li>
				<li class="title1" @click="InsiteCommunity">进入社区</li>
				<li class="title1" @click="teamSpirit">团队风采</li>
				<li class="title1" @click="aboutUs">关于我们</li>
			</ul>
		</view>
		<view class="andshowcontent">
			<view class="andintroduction">
				<scroll-view id="andscrollview" scroll-y>
					<h2>智能农业监控系统 - 联系我们</h2>

					<p><span>感谢您对基于物联网的智能农业监控系统的关注。如果您有任何关于该系统的疑问、建议或合作意向，欢迎与我们联系。</span></p>

					<h3>联系邮箱：</h3>
					<p><span><a href="mailto:luohai084.163.com">luohai084.163.com</a></span></p>


					<h3>联系电话：</h3>
					<p><span>+86-123-4567-8910</span></p>

					<h3>公司地址：</h3>
					<p><span>XXXXXXX_XXXXXXXX_XXXXXXXX_XXXXXXX</span></p>

					<h3>联系方式：</h3>
					<p><span>扫描下方二维码，添加我们的微信客服，实时为您解答问题。</span></p>
					<svg width="300" height="300" viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg"
						xmlns:xlink="http://www.w3.org/1999/xlink">
						<rect width="300" height="300" fill="#ffffff" />
						<defs>
							<rect id="p" width="12" height="12" />
						</defs>
						<g>
							<use x="24" y="24" xlink:href="#p" fill="#000000" />
							<use x="36" y="24" xlink:href="#p" fill="#000000" />
							<use x="48" y="24" xlink:href="#p" fill="#000000" />
							<use x="60" y="24" xlink:href="#p" fill="#000000" />
							<use x="72" y="24" xlink:href="#p" fill="#000000" />
							<use x="84" y="24" xlink:href="#p" fill="#000000" />
							<use x="96" y="24" xlink:href="#p" fill="#000000" />
							<use x="120" y="24" xlink:href="#p" fill="#000000" />
							<use x="132" y="24" xlink:href="#p" fill="#000000" />
							<use x="144" y="24" xlink:href="#p" fill="#000000" />
							<use x="156" y="24" xlink:href="#p" fill="#000000" />
							<use x="168" y="24" xlink:href="#p" fill="#000000" />
							<use x="192" y="24" xlink:href="#p" fill="#000000" />
							<use x="204" y="24" xlink:href="#p" fill="#000000" />
							<use x="216" y="24" xlink:href="#p" fill="#000000" />
							<use x="228" y="24" xlink:href="#p" fill="#000000" />
							<use x="240" y="24" xlink:href="#p" fill="#000000" />
							<use x="252" y="24" xlink:href="#p" fill="#000000" />
							<use x="264" y="24" xlink:href="#p" fill="#000000" />
							<use x="24" y="36" xlink:href="#p" fill="#000000" />
							<use x="96" y="36" xlink:href="#p" fill="#000000" />
							<use x="132" y="36" xlink:href="#p" fill="#000000" />
							<use x="156" y="36" xlink:href="#p" fill="#000000" />
							<use x="192" y="36" xlink:href="#p" fill="#000000" />
							<use x="264" y="36" xlink:href="#p" fill="#000000" />
							<use x="24" y="48" xlink:href="#p" fill="#000000" />
							<use x="48" y="48" xlink:href="#p" fill="#000000" />
							<use x="60" y="48" xlink:href="#p" fill="#000000" />
							<use x="72" y="48" xlink:href="#p" fill="#000000" />
							<use x="96" y="48" xlink:href="#p" fill="#000000" />
							<use x="168" y="48" xlink:href="#p" fill="#000000" />
							<use x="192" y="48" xlink:href="#p" fill="#000000" />
							<use x="216" y="48" xlink:href="#p" fill="#000000" />
							<use x="228" y="48" xlink:href="#p" fill="#000000" />
							<use x="240" y="48" xlink:href="#p" fill="#000000" />
							<use x="264" y="48" xlink:href="#p" fill="#000000" />
							<use x="24" y="60" xlink:href="#p" fill="#000000" />
							<use x="48" y="60" xlink:href="#p" fill="#000000" />
							<use x="60" y="60" xlink:href="#p" fill="#000000" />
							<use x="72" y="60" xlink:href="#p" fill="#000000" />
							<use x="96" y="60" xlink:href="#p" fill="#000000" />
							<use x="120" y="60" xlink:href="#p" fill="#000000" />
							<use x="132" y="60" xlink:href="#p" fill="#000000" />
							<use x="192" y="60" xlink:href="#p" fill="#000000" />
							<use x="216" y="60" xlink:href="#p" fill="#000000" />
							<use x="228" y="60" xlink:href="#p" fill="#000000" />
							<use x="240" y="60" xlink:href="#p" fill="#000000" />
							<use x="264" y="60" xlink:href="#p" fill="#000000" />
							<use x="24" y="72" xlink:href="#p" fill="#000000" />
							<use x="48" y="72" xlink:href="#p" fill="#000000" />
							<use x="60" y="72" xlink:href="#p" fill="#000000" />
							<use x="72" y="72" xlink:href="#p" fill="#000000" />
							<use x="96" y="72" xlink:href="#p" fill="#000000" />
							<use x="132" y="72" xlink:href="#p" fill="#000000" />
							<use x="144" y="72" xlink:href="#p" fill="#000000" />
							<use x="156" y="72" xlink:href="#p" fill="#000000" />
							<use x="192" y="72" xlink:href="#p" fill="#000000" />
							<use x="216" y="72" xlink:href="#p" fill="#000000" />
							<use x="228" y="72" xlink:href="#p" fill="#000000" />
							<use x="240" y="72" xlink:href="#p" fill="#000000" />
							<use x="264" y="72" xlink:href="#p" fill="#000000" />
							<use x="24" y="84" xlink:href="#p" fill="#000000" />
							<use x="96" y="84" xlink:href="#p" fill="#000000" />
							<use x="156" y="84" xlink:href="#p" fill="#000000" />
							<use x="192" y="84" xlink:href="#p" fill="#000000" />
							<use x="264" y="84" xlink:href="#p" fill="#000000" />
							<use x="24" y="96" xlink:href="#p" fill="#000000" />
							<use x="36" y="96" xlink:href="#p" fill="#000000" />
							<use x="48" y="96" xlink:href="#p" fill="#000000" />
							<use x="60" y="96" xlink:href="#p" fill="#000000" />
							<use x="72" y="96" xlink:href="#p" fill="#000000" />
							<use x="84" y="96" xlink:href="#p" fill="#000000" />
							<use x="96" y="96" xlink:href="#p" fill="#000000" />
							<use x="120" y="96" xlink:href="#p" fill="#000000" />
							<use x="144" y="96" xlink:href="#p" fill="#000000" />
							<use x="168" y="96" xlink:href="#p" fill="#000000" />
							<use x="192" y="96" xlink:href="#p" fill="#000000" />
							<use x="204" y="96" xlink:href="#p" fill="#000000" />
							<use x="216" y="96" xlink:href="#p" fill="#000000" />
							<use x="228" y="96" xlink:href="#p" fill="#000000" />
							<use x="240" y="96" xlink:href="#p" fill="#000000" />
							<use x="252" y="96" xlink:href="#p" fill="#000000" />
							<use x="264" y="96" xlink:href="#p" fill="#000000" />
							<use x="168" y="108" xlink:href="#p" fill="#000000" />
							<use x="48" y="120" xlink:href="#p" fill="#000000" />
							<use x="72" y="120" xlink:href="#p" fill="#000000" />
							<use x="84" y="120" xlink:href="#p" fill="#000000" />
							<use x="96" y="120" xlink:href="#p" fill="#000000" />
							<use x="120" y="120" xlink:href="#p" fill="#000000" />
							<use x="144" y="120" xlink:href="#p" fill="#000000" />
							<use x="156" y="120" xlink:href="#p" fill="#000000" />
							<use x="180" y="120" xlink:href="#p" fill="#000000" />
							<use x="228" y="120" xlink:href="#p" fill="#000000" />
							<use x="264" y="120" xlink:href="#p" fill="#000000" />
							<use x="36" y="132" xlink:href="#p" fill="#000000" />
							<use x="168" y="132" xlink:href="#p" fill="#000000" />
							<use x="192" y="132" xlink:href="#p" fill="#000000" />
							<use x="204" y="132" xlink:href="#p" fill="#000000" />
							<use x="240" y="132" xlink:href="#p" fill="#000000" />
							<use x="252" y="132" xlink:href="#p" fill="#000000" />
							<use x="264" y="132" xlink:href="#p" fill="#000000" />
							<use x="36" y="144" xlink:href="#p" fill="#000000" />
							<use x="48" y="144" xlink:href="#p" fill="#000000" />
							<use x="60" y="144" xlink:href="#p" fill="#000000" />
							<use x="72" y="144" xlink:href="#p" fill="#000000" />
							<use x="84" y="144" xlink:href="#p" fill="#000000" />
							<use x="96" y="144" xlink:href="#p" fill="#000000" />
							<use x="120" y="144" xlink:href="#p" fill="#000000" />
							<use x="216" y="144" xlink:href="#p" fill="#000000" />
							<use x="228" y="144" xlink:href="#p" fill="#000000" />
							<use x="252" y="144" xlink:href="#p" fill="#000000" />
							<use x="264" y="144" xlink:href="#p" fill="#000000" />
							<use x="24" y="156" xlink:href="#p" fill="#000000" />
							<use x="36" y="156" xlink:href="#p" fill="#000000" />
							<use x="48" y="156" xlink:href="#p" fill="#000000" />
							<use x="84" y="156" xlink:href="#p" fill="#000000" />
							<use x="108" y="156" xlink:href="#p" fill="#000000" />
							<use x="156" y="156" xlink:href="#p" fill="#000000" />
							<use x="192" y="156" xlink:href="#p" fill="#000000" />
							<use x="216" y="156" xlink:href="#p" fill="#000000" />
							<use x="252" y="156" xlink:href="#p" fill="#000000" />
							<use x="24" y="168" xlink:href="#p" fill="#000000" />
							<use x="48" y="168" xlink:href="#p" fill="#000000" />
							<use x="60" y="168" xlink:href="#p" fill="#000000" />
							<use x="72" y="168" xlink:href="#p" fill="#000000" />
							<use x="84" y="168" xlink:href="#p" fill="#000000" />
							<use x="96" y="168" xlink:href="#p" fill="#000000" />
							<use x="108" y="168" xlink:href="#p" fill="#000000" />
							<use x="144" y="168" xlink:href="#p" fill="#000000" />
							<use x="156" y="168" xlink:href="#p" fill="#000000" />
							<use x="168" y="168" xlink:href="#p" fill="#000000" />
							<use x="180" y="168" xlink:href="#p" fill="#000000" />
							<use x="204" y="168" xlink:href="#p" fill="#000000" />
							<use x="216" y="168" xlink:href="#p" fill="#000000" />
							<use x="252" y="168" xlink:href="#p" fill="#000000" />
							<use x="120" y="180" xlink:href="#p" fill="#000000" />
							<use x="144" y="180" xlink:href="#p" fill="#000000" />
							<use x="156" y="180" xlink:href="#p" fill="#000000" />
							<use x="168" y="180" xlink:href="#p" fill="#000000" />
							<use x="192" y="180" xlink:href="#p" fill="#000000" />
							<use x="204" y="180" xlink:href="#p" fill="#000000" />
							<use x="216" y="180" xlink:href="#p" fill="#000000" />
							<use x="228" y="180" xlink:href="#p" fill="#000000" />
							<use x="240" y="180" xlink:href="#p" fill="#000000" />
							<use x="252" y="180" xlink:href="#p" fill="#000000" />
							<use x="264" y="180" xlink:href="#p" fill="#000000" />
							<use x="24" y="192" xlink:href="#p" fill="#000000" />
							<use x="36" y="192" xlink:href="#p" fill="#000000" />
							<use x="48" y="192" xlink:href="#p" fill="#000000" />
							<use x="60" y="192" xlink:href="#p" fill="#000000" />
							<use x="72" y="192" xlink:href="#p" fill="#000000" />
							<use x="84" y="192" xlink:href="#p" fill="#000000" />
							<use x="96" y="192" xlink:href="#p" fill="#000000" />
							<use x="144" y="192" xlink:href="#p" fill="#000000" />
							<use x="156" y="192" xlink:href="#p" fill="#000000" />
							<use x="180" y="192" xlink:href="#p" fill="#000000" />
							<use x="204" y="192" xlink:href="#p" fill="#000000" />
							<use x="216" y="192" xlink:href="#p" fill="#000000" />
							<use x="240" y="192" xlink:href="#p" fill="#000000" />
							<use x="252" y="192" xlink:href="#p" fill="#000000" />
							<use x="264" y="192" xlink:href="#p" fill="#000000" />
							<use x="24" y="204" xlink:href="#p" fill="#000000" />
							<use x="96" y="204" xlink:href="#p" fill="#000000" />
							<use x="120" y="204" xlink:href="#p" fill="#000000" />
							<use x="144" y="204" xlink:href="#p" fill="#000000" />
							<use x="168" y="204" xlink:href="#p" fill="#000000" />
							<use x="180" y="204" xlink:href="#p" fill="#000000" />
							<use x="192" y="204" xlink:href="#p" fill="#000000" />
							<use x="204" y="204" xlink:href="#p" fill="#000000" />
							<use x="216" y="204" xlink:href="#p" fill="#000000" />
							<use x="264" y="204" xlink:href="#p" fill="#000000" />
							<use x="24" y="216" xlink:href="#p" fill="#000000" />
							<use x="48" y="216" xlink:href="#p" fill="#000000" />
							<use x="60" y="216" xlink:href="#p" fill="#000000" />
							<use x="72" y="216" xlink:href="#p" fill="#000000" />
							<use x="96" y="216" xlink:href="#p" fill="#000000" />
							<use x="120" y="216" xlink:href="#p" fill="#000000" />
							<use x="144" y="216" xlink:href="#p" fill="#000000" />
							<use x="180" y="216" xlink:href="#p" fill="#000000" />
							<use x="204" y="216" xlink:href="#p" fill="#000000" />
							<use x="252" y="216" xlink:href="#p" fill="#000000" />
							<use x="264" y="216" xlink:href="#p" fill="#000000" />
							<use x="24" y="228" xlink:href="#p" fill="#000000" />
							<use x="48" y="228" xlink:href="#p" fill="#000000" />
							<use x="60" y="228" xlink:href="#p" fill="#000000" />
							<use x="72" y="228" xlink:href="#p" fill="#000000" />
							<use x="96" y="228" xlink:href="#p" fill="#000000" />
							<use x="132" y="228" xlink:href="#p" fill="#000000" />
							<use x="144" y="228" xlink:href="#p" fill="#000000" />
							<use x="180" y="228" xlink:href="#p" fill="#000000" />
							<use x="192" y="228" xlink:href="#p" fill="#000000" />
							<use x="204" y="228" xlink:href="#p" fill="#000000" />
							<use x="216" y="228" xlink:href="#p" fill="#000000" />
							<use x="228" y="228" xlink:href="#p" fill="#000000" />
							<use x="240" y="228" xlink:href="#p" fill="#000000" />
							<use x="252" y="228" xlink:href="#p" fill="#000000" />
							<use x="24" y="240" xlink:href="#p" fill="#000000" />
							<use x="48" y="240" xlink:href="#p" fill="#000000" />
							<use x="60" y="240" xlink:href="#p" fill="#000000" />
							<use x="72" y="240" xlink:href="#p" fill="#000000" />
							<use x="96" y="240" xlink:href="#p" fill="#000000" />
							<use x="120" y="240" xlink:href="#p" fill="#000000" />
							<use x="144" y="240" xlink:href="#p" fill="#000000" />
							<use x="204" y="240" xlink:href="#p" fill="#000000" />
							<use x="216" y="240" xlink:href="#p" fill="#000000" />
							<use x="228" y="240" xlink:href="#p" fill="#000000" />
							<use x="240" y="240" xlink:href="#p" fill="#000000" />
							<use x="264" y="240" xlink:href="#p" fill="#000000" />
							<use x="24" y="252" xlink:href="#p" fill="#000000" />
							<use x="96" y="252" xlink:href="#p" fill="#000000" />
							<use x="156" y="252" xlink:href="#p" fill="#000000" />
							<use x="168" y="252" xlink:href="#p" fill="#000000" />
							<use x="180" y="252" xlink:href="#p" fill="#000000" />
							<use x="204" y="252" xlink:href="#p" fill="#000000" />
							<use x="252" y="252" xlink:href="#p" fill="#000000" />
							<use x="24" y="264" xlink:href="#p" fill="#000000" />
							<use x="36" y="264" xlink:href="#p" fill="#000000" />
							<use x="48" y="264" xlink:href="#p" fill="#000000" />
							<use x="60" y="264" xlink:href="#p" fill="#000000" />
							<use x="72" y="264" xlink:href="#p" fill="#000000" />
							<use x="84" y="264" xlink:href="#p" fill="#000000" />
							<use x="96" y="264" xlink:href="#p" fill="#000000" />
							<use x="156" y="264" xlink:href="#p" fill="#000000" />
							<use x="180" y="264" xlink:href="#p" fill="#000000" />
							<use x="204" y="264" xlink:href="#p" fill="#000000" />
							<use x="216" y="264" xlink:href="#p" fill="#000000" />
							<use x="252" y="264" xlink:href="#p" fill="#000000" />
							<use x="264" y="264" xlink:href="#p" fill="#000000" />
						</g>
					</svg>

					<h3>官方网站：</h3>
					<p><span>luohai.rovn.ink</span></p>

					<p><span>访问我们的官方网站，您可以了解更多关于智能农业监控系统的详细信息，包括系统介绍、使用教程、技术文档等。</span></p>

					<h3>微信小程序：</h3>

					<p><span>请搜索并关注“智能农业监控”小程序，随时随地查看农作物生存环境数据，享受便捷的智能农业服务。</span></p>

					<p><span>我们期待与您携手共创智慧农业新未来，共创美好明天！</span></p>
					<view class="bottom">
						<p><span>Copyright &copy;2024 | 广西机电职业技术学院物联网2202班</span></p>
						<p><span>小组：XXXXXXXXXXXXX</span></p>
					</view>

				</scroll-view>
			</view>
			<view class="top" @click="navigateBack">
				<image class="pic" src="../../static/left.png"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				cssid: ''
			}
		},
		onLoad(e) {
			this.cssid = e.cssid;
		},
		mounted() {
			this.draw();
		},
		methods: {
			navigateBack() {
				uni.navigateBack({
					delta: 1
				})
			},
			teamSpirit() {
				uni.reLaunch({
					url: '/pages/teamSpirit/teamSpirit?cssid=' + this.cssid
				})
			},
			InsiteCommunity() {
				uni.navigateTo({
					url: '/pages/InsiteCommunity/InsiteCommunity?cssid=' + this.cssid
				})
			},
			relatedTechnologies() {
				uni.navigateTo({
					url: '/pages/relatedTechnologies/relatedTechnologies?cssid=' + this.cssid
				})
			},

			aboutUs() {
				uni.navigateTo({
					url: '/pages/aboutUs/aboutUs?cssid=' + this.cssid
				})
			},
			home() {
				uni.navigateTo({
					url: '/pages/home/home',
					animationType: 'fade-in', // 指定动画类型
					animationDuration: 300 // 动画时长
				})
			},
			LoginRegister(e) {
				let userid = uni.getStorageSync('userid')
				if (userid !== '') {
					uni.navigateTo({
						url: '/pages/Deviceinformation/Deviceinformation?cssid=' + this.cssid,
						animationType: 'zoom-fade-out', // 指定动画类型
						animationDuration: 100 // 动画时长
					})
				} else {
					uni.navigateTo({
						url: '/pages/LoginRegister/LoginRegister?cssid=' + this.cssid,
						animationType: 'zoom-fade-out', // 指定动画类型
						animationDuration: 100 // 动画时长
					})
				}
			},
			draw(e) {
				let themes = document.querySelector('.bruce');
				let color = document.querySelectorAll(".bubble")
				if (this.cssid == 1) {
					this.button = false;
					this.title = "白天模式"
					this.cssid = 1
					themes.style.background = 'linear-gradient(270deg, #0a0b35, #120144)'
					color.forEach(function(element) {
						element.style.color = '#83c0f7'
					});

				} else {
					this.title = "夜间模式"
					this.button = true;
					this.cssid = 0
					themes.style.background = 'linear-gradient(270deg, #819cad, #81a5bd)'
					color.forEach(function(element) {
						element.style.color = '#6661e6'
					});

				}
			}

		}
	}
</script>

<style lang="scss">
	@media screen and (min-width: 640px) {
		#conent {
			background: #030812 !important;

			.toptitle {
				position: fixed;
				margin-left: 5px;
				width: 100%;
				padding: 20px;
				z-index: 12;
				font-size: 24px;
				font-family: "楷体", sans-serif;
				top: 0px;
				font-weight: bold;
				color: #d8d8d8;
				left: 0;
				display: block;
				background: #393d49;
				background-image: url('https://gd-hbimg.huaban.com/23c7d4ff432744f58bbd2087eb6745a4f66d95c757996-Z6BbHB_fw1200');
				background-repeat: no-repeat;
				background-size: 100vw;
			}

			.righttop {
				position: fixed;
				margin-left: 5px;
				width: 50%;
				padding: 20px 40px 20px 0;
				z-index: 12;
				font-size: 24px;
				font-family: "楷体", sans-serif;
				top: 0;
				font-weight: bold;
				color: #d8d8d8;
				right: 0;
				display: block;
				text-align: right;
				background: transparent;

				span {
					&:hover {
						color: #009688;
					}
				}
			}

			.showcontent {
				background: rgba(255, 255, 255, 0.5);
				z-index: 10;
				display: block;
				justify-content: center;
				position: fixed;
				left: 0;
				margin: 0 50px 0 50px;
				width: 100%;
				height: 100%;
				backdrop-filter: blur(3px);

				.introduction {
					background-color: rgba(0, 0, 0, 0.126);
					display: block;
					overflow: hidden;
					box-sizing: border-box;
					position: relative;
					margin-top: 120px;
					margin-left: 120px;
					margin-right: 100px;
					padding: 20px;
					border-radius: 5px;

					#scrollview {
						width: 100%;
						height: 80vh;
						background-color: transparent;

						h2,
						h3 {
							color: #111111;
							padding: 5px;
						}

						p {
							color: #eee;
							line-height: 35px;
							text-indent: 2em;
							font-size: 18px;

							span {
								padding: 5px;
								background-image: linear-gradient(to right, #171f1f, #002622);
								background-repeat: no-repeat;
								background-size: 0% 2px;
								background-position: left bottom;
								transition: background-size 1s;

								a {
									color: #eee;
									text-decoration: none;
								}

								&:hover {
									background-size: 100% 2px;
								}
							}

						}

						.bottom {
							padding: 10px;
							display: block;
							position: relative;
							text-align: center;
							margin-top: 40px;
							background-color: #848484;
							border-radius: 5px;
						}

						svg {
							display: block;
							width: 375px;
							height: 375px;
							border-radius: 5px;
							margin: 5px auto;
							background-position: center center;
							background-size: cover;
						}
					}


				}

			}


			.winfroted-glass {
				background-color: transparent;
				z-index: 10;
				width: 140px;
				display: flex;
				position: fixed;
				left: 0px;
				top: 10px;

				.nav1 {
					margin-top: 30px;
					width: 120px;
					height: 100vh;
					background-color: #393d49;
					position: relative;
					display: block;
					margin-left: 5px;
					box-sizing: border-box;
					padding: 50px 0 0 0;
					border-left: 5px solid #222e6f;
					justify-content: center;
					text-align: center;

					.title1 {
						width: 100%;
						margin: 10px auto;
						padding: 10px 0;
						list-style: none;
						text-align: center;
						color: #d8d8d8;
						transition: background-color 0.3s ease;

						&:hover {
							background: #009688;
							border-right: #ffffff 2px solid;
							cursor: pointer;
						}
					}
				}
			}

			.andshowcontent {
				display: none;
			}
		}
	}

	.bruce {
		background-image: linear-gradient(270deg, #819cad, #81a5bd);
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;

		.winfroted-glass {
			display: none;
		}

		.showcontent {
			display: none;
		}

		.toptitle {
			display: none;
		}

		.righttop {
			display: none;
		}

		.frosted-glass {
			box-sizing: border-box;
			overflow: hidden;
			position: fixed;
			display: flex;
			top: 20vh;
			align-items: center;
			width: 72vw;
			height: 60vh;
			border-radius: 1%;
			box-shadow: 0 0.3px 0.7px rgba(0, 0, 0, 0.126), 0 0.9px 1.7px rgba(0, 0, 0, 0.179), 0 1.8px 3.5px rgba(0, 0, 0, 0.224), 0 3.7px 7.3px rgba(0, 0, 0, 0.277), 0 10px 20px rgba(0, 0, 0, 0.4);
			backdrop-filter: blur(10px);
			transition: 0.5s ease;
			animation: code 2s;

		}

		@media (max-width: 640px) {
			.frosted-glass .title {
				font-size: 2em;
			}
		}
	}

	.bubble-bgwall {
		position: relative;
		width: 100%;
		height: 100%;
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}

	.andshowcontent {
		z-index: 10;
		display: block;
		justify-content: center;
		position: fixed;
		margin: 0 50px 0 50px;
		width: 100%;
		height: 100%;

		.andintroduction {
			background-color: rgba(0, 0, 0, 0.626);
			display: block;
			overflow: hidden;
			box-sizing: border-box;
			position: relative;
			margin-top: 30px;
			margin-left: 10px;
			margin-right: 10px;
			padding: 10px;
			border-radius: 5px;

			#andscrollview {
				width: 100%;
				height: 90vh;
				color: #eaeaea;
				font-size: 18px;
				background-color: transparent;

				h2,
				h3 {
					color: #eaeaea;
					padding: 5px;
				}

				p {
					color: #dfdfdf;
					line-height: 35px;
					text-indent: 2em;
					font-size: 16px;

					a {
						color: #eee;
						text-decoration: none;
					}

					span {
						padding: 5px;
						background-image: linear-gradient(to right, #171f1f, #002622);
						background-repeat: no-repeat;
						background-size: 0% 2px;
						background-position: left bottom;
						transition: background-size 1s;

						&:hover {
							background-size: 100% 2px;
						}
					}

				}

				.bottom {
					display: block;
					position: relative;
					text-align: center;
					margin-top: 40px;
					background-color: #848484;
					border-radius: 5px;
				}

				svg {
					display: block;
					width: 85vw;
					height: 45vh;
					border-radius: 5px;
					margin: 5px auto;
					background-position: center center;
					background-size: cover;
				}

			}
		}

		.top {
			display: block;
			position: relative;
			bottom: 150px;
			width: 50px;
			height: 50px;
			right: 0;
			padding: 10px;
			float: right;
			background-color: #009688;
			overflow: hidden;
			border-radius: 50%;
			box-sizing: border-box;

			.pic {
				width: 100%;
				height: 100%;
			}
		}
	}

	.bubble {
		display: flex;
		position: absolute;
		bottom: -200px;
		justify-content: center;
		align-items: center;
		border-radius: 10px;
		width: 50px;
		height: 50px;
		background-color: rgba(255, 255, 255, 0.15);
		color: #44397a;
		animation: bubble 15s infinite;
	}

	.bubble:nth-child(1) {
		left: 10%;
	}

	.bubble:nth-child(2) {
		left: 20%;
		width: 90px;
		height: 90px;
		animation-duration: 7s;
		animation-delay: 2s;
	}

	.bubble:nth-child(3) {
		left: 25%;
		animation-delay: 4s;
	}

	.bubble:nth-child(4) {
		left: 40%;
		width: 60px;
		height: 60px;
		background-color: rgba(255, 255, 255, 0.3);
		animation-duration: 8s;
	}

	.bubble:nth-child(5) {
		left: 70%;
	}

	.bubble:nth-child(6) {
		left: 80%;
		width: 120px;
		height: 120px;
		background-color: rgba(255, 255, 255, 0.2);
		animation-delay: 3s;
	}

	.bubble:nth-child(7) {
		left: 32%;
		width: 160px;
		height: 160px;
		animation-delay: 2s;
	}

	.bubble:nth-child(8) {
		left: 55%;
		width: 40px;
		height: 40px;
		font-size: 12px;
		animation-duration: 15s;
		animation-delay: 4s;
	}

	.bubble:nth-child(9) {
		left: 25%;
		width: 40px;
		height: 40px;
		background-color: rgba(255, 255, 255, 0.3);
		font-size: 12px;
		animation-duration: 12s;
		animation-delay: 2s;
	}

	.bubble:nth-child(10) {
		left: 85%;
		width: 160px;
		height: 160px;
		animation-delay: 5s;
	}

	@keyframes bubble {
		0% {
			opacity: 0.5;
			transform: translateY(0) rotate(45deg);
		}

		25% {
			opacity: 0.75;
			transform: translateY(-400px) rotate(90deg);
		}

		50% {
			opacity: 1;
			transform: translateY(-600px) rotate(135deg);
		}

		100% {
			opacity: 0;
			transform: translateY(-1000px) rotate(180deg);
		}
	}

	@keyframes code {
		0% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	}
</style>